<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1">
<link href="image/logo.jpg" rel="shortcut icon">
<title>404-不小心出错啦，网页走丢咯</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
	
	
	
<body  style="display: inline-block;justify-content: center;background: url('image/upbg.jpg') no-repeat fixed 0px;height: calc(100% - 40px); width: 100vw;background-size:cover;background-attachment:fixed;margin: 0;filter: blur(0px);position: absolute;text-align: center;align-items: center;vertical-align: middle;">
<style>
	
		.error{
		padding:40px; 
		margin:calc(50vh - 115px) auto;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		background-color: rgba(255,255,255,0.8);
		border-radius: 50%;
		text-align: center;
		align-items: center;
		width: 230px;
		height: 230px;
		transition:all 0.35s;
	}


	.error:hover{
		opacity: 0.6;
		transform: scale(1.05);
		background-color: rgba(255,255,255,0.5);
	}

	.error:active{
		opacity: 0;
		transform: scale(1.3);
		background-color: rgba(255,255,255,0);
	}
	
	.error:visited{
		opacity: 0;
	}
	
	.errortext{
		height: 100%;
		margin: 0;
		background-size: cover;
		overflow: visible;
		background: url("image/404.svg") no-repeat center 0px;
		background-position: center;
	}
</style>	

<style type="text/css">
@media (max-width: 375px){
	.error{
		width:175px;
		height: 175px;
		margin:calc(50vh - 75px) auto;
	}
	.errortext{
		background-size: 80% 80%;
		
	}
}
</style>
<a href="https://pwblog.gitee.io/">
<buttom class="error" type="buttom">
<div class="errortext"></div>
</buttom>
</a>	
	
</body>
</html>
